@import "../variable";

body {

    .grid-content {
        position: relative;
        overflow: hidden;
        //margin-top: 40px;
        img {
            width: 100%;
            height: 290px;
            display: inline-block;
            background: #ccc;
        }
        .grid-shade {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            color: #5E5E5E;
            font-size: 20px;
            display: none;
            padding: 20px 0 0 20px;
            .grid-enter {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                a {
                    color: #848484;
                }
                img {
                    width: 28px;
                    vertical-align: top;
                    margin-top: 10px;
                }
            }
        }
        &.grid-student{
            img{
              width: auto;
              height: auto;
            }
        }
    }
}
